<template>
 <div class="purchaseBox wap">
   <!--<div class="searchBox">-->
     <!--<x-header v-if="!this.$fromApp(this)" :left-options="{backText: ''}">-->
       <!--<span>进货管理</span>-->
     <!--</x-header>-->
   <!--</div>-->
   <!--<div class="resultBox main" :style="{height:listHeight,marginTop:marginTopHeight}">-->
     <!--<scroller>-->
       <!--<div class="shopBox" v-for="(item,index) in dataArr" :key="index">-->
         <!--<div @click="goShop(item)" class="shopTitle display-flex flex-direction-row align-items-center justify-content-flex-justify">-->
           <!--<div class="shopTitleL display-flex flex-direction-row align-items-center">-->
             <!--<img :src="item.logo" alt="">-->
             <!--<p>{{item.name}}</p>-->
           <!--</div>-->
           <!--<div class="shopTitleR display-flex flex-direction-row align-items-center justify-content-flex-center">-->
             <!--<p>进入</p>-->
           <!--</div>-->
         <!--</div>-->
       <!--</div>-->
     <!--</scroller>-->
     <!--<div v-if="dataArr==''&&!loading" class="display-flex flex-direction-row align-items-center justify-content-flex-center">-->
       <!--<p style="color: #666666;margin-top: 1rem">暂无进货店铺~</p>-->
     <!--</div>-->
   <!--</div>-->
   <div class="pageHead display-flex flex-direction-column">
     <x-header :left-options="{backText: '',preventGoBack:true}" @on-click-back="goHomePage" style="background-color:rgba(82,125,217,0)!important;z-index: 9999!important;">
     <span>进货管理</span>
     </x-header>
     <div class="searchBox">
       <input class="searchInput" type="text" v-model="keyWord" :placeholder="searchIcon" @input="getData(1)">
     </div>
   </div>
   <button-tab class="storeTab" v-model="btnState" v-show="keyWord==''">
     <button-tab-item @on-item-click="getData()">已关注</button-tab-item>
     <button-tab-item @on-item-click="getData()">全部</button-tab-item>
   </button-tab>
   <div class="main">
      <scroller class="scrollerBox">
        <ul class="flex-direction-column display-flex align-items-center justify-content-flex-center">
          <li class="listItem flex-direction-row display-flex align-items-center justify-content-flex-justify"
              v-for="(item,index) in dataArr" :key="index">
            <img @click="goShop(item)" class="storeLogo" v-lazy="item.logo" alt="">
            <div @click="goShop(item)" style="flex: 1;">
              <p style="color: #333333;font-size: 16px;font-weight: bold">{{item.name}}</p>
            </div>
            <popover placement="bottom" style="margin: 20px;">
              <div slot="content" class="popover-demo-content flex-direction-column display-flex align-items-center justify-content-flex-center popStyle">
                <p v-if="item.isTop==0&&btnState==0&&keyWord==''" @click="setTop(1,item,index)">置顶</p>
                <p v-if="item.isTop==1&&btnState==0&&keyWord==''" @click="setTop(0,item,index)">取消置顶</p>
                <p v-if="0 == item.focusState" @click="setFocus(1,item,index)">关注</p>
                <p v-if="1 == item.focusState" @click="setFocus(0,item,index)">取消关注</p>
              </div>
              <button class="btn btn-default editBtn"></button>
            </popover>
          </li>
        </ul>
      </scroller>
   </div>

 </div>

</template>

<script src="./manage.js"></script>
<style lang="less" scoped>
  @import "manage";
</style>


